*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}
.container{
    position: relative;
}
/*公共样式*/
/* 卡片内容居中显示-------------------------*/
.g-row{
    width: 1090px;
    margin: 0 auto;
}
/* 标题样式------------------------------- */
.nextBtn {
    width: 50px;
    height: 50px;
    background-image: url('./images/icons-image.png');
    border-radius: 25px;
    position: absolute; 
}
.nextBtn:hover{
    background-color: #CC9756;
}
.lbtn{
    background-position: 0 -5438px;
    background-color: #E2C199;
}
.rbtn{
    background-position: 0 -5658px;
    background-color: #E2C199;
}
.g-row .mHeader{
    position: relative;
}
.g-row .mHeader .link:hover{
    color: #C5A078;
}
.g-row .mHeader .name{
    font-size: 28px;
    padding-bottom: 20px;
}
.g-row .link{
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 14px;
}
.g-row .promoLogo{
    width: 48px;
    height: 48px;
    position: absolute;
    left: 6px;
    top: 6px;
}
/* 商品卡片 */
.card{
    width: 100%;
    height: 411px;
    display: flex;
    justify-content: space-between;
}
.card>div{
    width: 265px;
    height: 365px;
    position: relative;
}
.card>div:hover{
    background-color: #F4F0EA;
}
.card>div .hd{
    height: 265px;
    position: relative;
    background-color: #f4f4f4;
}
.card .bd h4{
    width: 170px;
}
.card>div .prouctImg{
    width: 265px;
    height: 265px;
}
/* 商品卡片上半部分 */
.g-row .hd .proTime{
    height: 30px;
    width: 100%;
    background-color: #DD1A21;
    position: absolute;
    bottom: 0;
}
.g-row .hd .proTime p{
    text-align: center;
    color: #fff;
}
.g-row .hd .proTime span{
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    margin-left: 5px;
}
.g-row .hd .proTime .logo{
    background-image: url('./images/proTime.png');
    height: 36px;
    padding-left: 8px;
    padding-right: 14px;
    float: left;
    margin-top: -6px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
}
.g-row .hd .proTime .logo .title{
    font-size: 12px;
    margin-top: 2px;
}
.g-row .hd .proTime .logo .subTitle{
    font-size: 14px;
    font-weight: 700;
}
/* 商品卡片下半部分 */
 .g-row .bd{
    text-align: center;
}
 .g-row .bd .itemTag{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    background-color: #e36844;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 4px;
}
 .g-row .bd .tag{
    height: 29px;
} 
 .g-row .bd h4{
    line-height: 20px;
    max-height: 40px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto 4px
}
 .g-row .bd h4:hover{
    color: #C5A078;
}
 .g-row .bd .beforePrice{
    font-size: 13px;
    color: #d4282d;
    
}
 .g-row .bd .afterPrice{
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-left: 6px;
    position: relative;
    top: 1px;
}
/* 头部导航栏----------------------------- */
.siteNav{
    height: 36px;
    background-color: #333;
}
.siteNav .navLeft{
    float: left;
    line-height: 36px;
}
.siteNav .navLeft .icon{
    width: 25px;
    height: 36px;
    margin-left: 2px;
    float: left;
    background:url('./images/laba.gif') center left no-repeat;
}
.navLeft a{
    color: #CC9756;
    font-size: 12px;
    text-decoration:underline;
}
.navLeft a:hover{
    color: #fff;
    text-decoration:none;
}
.navRight{
    float: right;
}
.navRight>div{
    line-height: 36px;
    font-size: 12px;
    float: left;
    /* padding-right: 10px; */
    margin-right: 10px;
}
/* 从第二个到第七个 */
.navRight>div:nth-child(-n+7):nth-child(n+2)::before{
    content: '';
    display: inline-block;
    height: 16px;
    padding-right: 10px;
    border-left: 1px solid #5c5c5c;
    vertical-align: middle;
}
.navRight>div a{
    color: #ccc;
}
.navRight>div a:hover{
    color: #fff;
}
.navRight .buy_icon{
    display: inline-block;
    height: 10px;
    width: 11px;
    background: url('./images/down.png');
    background-size: cover;
}
.navRight .phone_icon{
    position: absolute;
    top: 10px;
    display: inline-block;
    margin-left: 4px;
    height: 17px;
    width: 15px;
    background: url('./images/phone.png');
    background-size: cover;
}
/* 二级菜单 */
.displayItem{
    position: relative;
}
.displayItem>div{
    display: none;
    position: absolute;
    width: 105%;
    background-color: white;
    z-index: 9999;
    text-align: center;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
}
.displayItem:hover>div{
    display: block;
}
.displayItem>div ul{
    width: 65%;
    margin: 0 auto;
}
.displayItem>div ul li{
    padding: 2px;
    border-bottom: 1px solid #ddd;
}
.displayItem>div ul li:hover{
    color: #b4a078;
}
.displayItem>div ul li:last-child{
    border-bottom: 0;
}
.dowlnItem>div{
    left: -20px;
    width: 130px;
}
.dowlnItem>div img{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.dowlnItem>div span{
    color: #b4a078;
    font-size: 12px;
}
/* 头部菜单栏--------------------------------------------------------- */
.funTab{
    height: 100px;
    background-color: #fff;
    position: relative;
}
.funTab .g-row{
    height: 100px;
    position: relative;
}
.funTab .wangYiIcon{
    display: inline-block;
    height: 60px;
    width: 212px;
    background: url('./images/icons-image2.png');
    background-position: 0 -298px;
    position: absolute;
    top: 24px;
    left: 0;
}
/* 搜索框 */
.searchWrap{
    position: relative;
    margin-top: 26px;
    float: right;
    margin-right:49px;
    /* width: 532px; */
    height: 38px;
}
.searchWrap .seachIcon{
    position: absolute;
    left: 18px;
    top: 12px;
    height: 14px;
    width: 14px;
    background: url('./images/icons-image2.png');
    background-position: 0 -518px;
}
.searchWrap .input{
    float: left;
    width: 402px;
    height: 36px;
    padding-left: 38px;
    border: 1px solid #CC9756;
    border-bottom-left-radius: 19px;
    border-top-left-radius: 19px;
    outline: none;
}
.searchWrap .seachLink{
    position: absolute;
    bottom: -20px;
    left: 20px;
    color: #999;
    font-size: 12px;
}
.searchWrap .seachLink:hover{
    color: #CC9756;
}
.searchWrap .searchBtn{
    float: right;
    width: 90px;
    height: 38px;
    background-color: #CC9756;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    cursor: pointer;
}
.searchWrap .searchBtn:hover{
    background-color: #E2C199;
}
.searchWrap .searchBtn p{
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
}
/* 购物车 */
.shopCar{
    float: right;
    margin-top: 26px;
    width: 134px;
    /* height: 12px; */
    border: 1px solid #CC9756;
    border-radius: 19px;
    position: relative;
    padding: 8px 0;
}
.shopCar:hover{
    background-color: #F5F3EF;
}
.shopCar .carIcon{
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 9px;
    height: 18px;
    width: 18px;
    background: url('./images/icons-image2.png');
    background-position: 0 -148px;
}
.shopCar span{
    margin-left: 45px;
    font-size: 14px;
    color: #CC9756;
}
.shopCar .numIcon{
    display: inline-block;
    position: absolute;
    right: 22px;
    top: 9px;
    height: 19px;
    width: 19px;
    background: url('./images/icons-image2.png');
    background-position: 0 -51px;
    color: white;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    line-height: 20px;
}
/* 一级菜单栏 */
.firstNav{
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: sticky;
    top:0;
    z-index: 999;
}
.firstNav ul{
    position: relative;
    width: 1090px;
    height: 50px;
    margin: 0 auto;
}
.firstNav ul>li{
    float: left;
    padding: 0 26px;
    line-height: 50px;
    cursor: pointer;
}
.firstNav ul li a{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
}
.firstNav ul li a:hover{
    color: #CC9756;
    border-bottom: 3px solid #CC9756;
}
.firstNav ul li:first-child{
    padding-left: 0;
}
.firstNav ul li:first-child a{
    color: #CC9756;
    border-bottom: 3px solid #CC9756;
}
.firstNav ul li:last-child{
    padding-right: 0;
}
.firstNav ul .line{
    padding: 0;
    height: 14px;
    color: #ccc;
    font-weight: lighter;
}
.firstNav ul li:hover .houseLife{
    display: block;
}
.firstNav ul li:hover .foodNav{
    display: block;
}
/* 二级菜单栏 */
.secondNav{
    position: absolute;
    top: 50px;
    background-color:#fff;
    z-index: 999;
}
.houseLife{
    width: 1350px;
    height: 530px;
    left: -130px;
    display: none;
}
.houseLife ul{
    display: flex;
    width: 1350px;
    top: 0;
}
.houseLife ul>div{
    flex: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 18px;
}
.houseLife ul>div:first-child{
    flex: 2.2;
    margin-left: 18px;
}
.secondNav .title{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    border-bottom: 1px solid #ddd;
}
.secondNav .goods{
    width: 100%;
}
.secondNav .twoColumn{
    display: flex;
}
.secondNav .twoColumn>div{
    flex: 1;
}
.secondNav .goods>div{
    margin-left: 10px;
    margin-right: 10px;
}
.goodsItem{
    height: 50px;
    position: relative;
    margin-bottom: 4px;
}
.goodsItem img{
    width: 50px;
    height: 50px;
}
.goodsItem span{
    position: absolute;
    left: 55px;
    width: 70px;
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
}
.goodsItem span:hover{
    color: #CC9756;
}
/*美食酒水二级菜单*/
.foodNav{
    width: 1350px;
    height: 530px;
    left: -130px;
    display: none;
}
.foodNav ul{
    display: flex;
    width: 1350px;
    top: 0;
}
.foodNav ul>div{
    flex: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 18px;
}
.foodNav ul>div:first-child{
    margin-left:20px;
}
/* 轮播图区域-------------------------------------------------------- */
.imgBanner{
    width: 1519px;
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.imgBanner ul{
    width: 4000px;
    height: 420px;
    animation: swiper 4s steps(2) infinite;
}
.imgBanner ul li{
    width: 1920px;
    height: 420px;
    float: left;
    margin-left: -200px;
    margin-right: 200px;
}
.imgBanner ul li img{
    width: 1920px;
}
@keyframes swiper{
    from{
        margin-left: 0;
    }
    to{
        margin-left: -3840px;
    }
}
.imgBanner .g-row{
    height: 420px;
    position: relative;
    background-color: khaki;
}
.imgBanner .lbtn{
  top: 50%;
  left: 150px;
}
.imgBanner .rbtn{
    top: 50%;
  right: 150px;
}
/*热销榜------------------------------------------*/
.hot{
    position: sticky;
    top: 80px;
    z-index: 888;
}
.hot_outer{
    position: absolute;
    left: 30px;
    top: 20px;
    width: 110px;
    height: 372px;
    background-color: #fff;
    border: 1px solid #E2DED6;
}
.hot_outer ul>li:first-child{
    background: url('./images/hot/header.png') no-repeat;;
    font-size: 16px;
    color: #BB3343;
    text-align: center;
    line-height: 38px;
    height: 38px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: 700;
}
.hot_outer ul>li:nth-child(2){
    color: #BB3343;
    font-weight: bold;
}
.hot_outer ul>li{
    width: 108px;
    height: 36px;
    padding: 1px 11px 0;
    text-align: left;
    position: relative;
    display: table;
    cursor: pointer;
}
.hot_outer ul>li:hover{
    color: #BB3343;
}
.hot_outer ul>li img{
    position: absolute;
    top: 2px;
    left: 12px;
    width: 30px;
    height: 30px;
}
.hot_outer ul>li span{
    vertical-align: middle;
    display: table-cell;
    line-height: 14px;
    font-size: 12px;
    padding-left: 36px;
}
.hot_outer ul>li span:after{
    content: '';
    display: block;
    width: 88px;
    border-bottom: 1px solid #E2DED6;
    position: absolute;
    bottom: -1px;
    left: 11px;
    z-index: 1;
}
.hot_outer ul>li:last-child span:after{
    border-bottom: none;
}
.hot .right{
    position: absolute;
    right: 30px;
    top: 20px;
    width: 80px;
    background-color: #fff;
    border: 1px solid #E2DED6;
    padding: 5px;
    text-align: center;
    font-size: 12px;
}
.hot .right .one{
    height: 140px;
    position: relative;
}
.hot .right .one::after,.hot .right .two::after{
    content: '';
    display: block;
    width: 70px;
    border-bottom: 1px solid #E2DED6;
    position: absolute;
    bottom: 0;
    left: 3px;
}
.hot .right .one img{
    width: 70px;
    height: 70px;
}
.hot .right .one>p:nth-child(3),.right>p:nth-child(4){
    color: #BC3B3B;
}
.hot .two i{
    display: inline-block;
    height: 26px;
    width: 26px;
    background: url('./images/hot/right-2.png');
    /* background: url(http://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x1/icon-yxfixedtool-sb35ce57899-796b48a324.png); */
    background-position: 0 -527px;
}
.hot .two{
    padding-top: 14px;
    height: 64px;
    font-size: 14px;
    position: relative;
}
.hot .two:hover .yanxuan{
    display: block;
}
.yanxuan{
    display: none;
    width: 370px;
    height: 220px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 #7f7f7f;
    position: absolute;
    left: -370px;
    top: 0;
    text-align: center;
}
.yanxuan .head{
    background: url('./images/hot/yanxuan.png');
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    color: #FFF;
    margin-top: -1px;
    margin-left: -1px;
}
.yanxuan .first{
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}
.yanxuan .second{
    width: 286px;
    height: 34px;
    margin: 10px auto 0;
    position: relative;
}
.yanxuan .second input {
    float: left;
    width: 180px;
    height: 22px;
    padding: 5px 10px;
    font-size: 14px;
    background: #F8F8F8;
    border: 1px solid #DDD;
    border-right: none;
    float: left;
    outline: 0;
}
.yanxuan .second div{
    float: right;
    width: 80px;
    height: 34px;
    background-color: #B4A078;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
}
.hot .two:hover,.hot .three:hover{
    color: #CC9756;
}
.hot .two:hover i{
    background-position: 0 -455px;
}
.hot .three i{
    display: inline-block;
    height: 32px;
    width: 32px;
    background: url('./images/hot/right-2.png');
    background-position: 0 -128px;
}
.hot .three{
    padding-top: 14px;
    height: 64px;
    font-size: 14px;
    position: relative;
}
.hot .three:hover i{
    background-position: 0 -46px;
}
/* 新品首发----------------------------------------------------------- */
.newProduct{
    margin-top: 30px;
}
.newProduct .g-row{
    position: relative;
    height: 510px;
    /* overflow: hidden; */
}
.newProduct .mHeader span{
    position: absolute;
    left: 130px;
    top: 15px;
    font-size: 14px;
}
.newProduct .lbtn{
    top: 40%;
    left: -65px;
}
.newProduct .rbtn{
    top: 40%;
    right: -65px;
}
.newProduct .card>div:first-child .prouctImg{
    background:url('./images/newProuct-1.png') center no-repeat;
}
.newProduct .card>div:first-child:hover .prouctImg{
    background: url('./images/changeProuct-1.png');
    background-size: cover;
} 
.newProduct .card>div:nth-child(2) .prouctImg{
    background:url('./images/newProuct-2.png') center no-repeat;
}
.newProduct .card>div:nth-child(2):hover .prouctImg{
    background: url('./images/changeProuct-2.png');
    background-size: cover;
} 
.newProduct .card>div:nth-child(3) .prouctImg{
    background:url('./images/newProuct-3.png') center no-repeat;
}
.newProduct .card>div:nth-child(3):hover .prouctImg{
    background: url('./images/changeProuct-3.png');
    background-size: cover;
} 
.newProduct .card>div:nth-child(4) .prouctImg{
    background:url('./images/newProuct-4.png') center no-repeat;
}
.newProduct .card>div:nth-child(4):hover .prouctImg{
    background: url('./images/changeProuct-4.png');
    background-size: cover;
} 
.newProduct .card .bd h4{
    width: 160px;
}
/* 人气推荐---------------------------------------------------- */
.popularItem{
    padding: 60px 0;
    background-color: #f4f0ea;
}
.popularItem .g-row{
    height: 627px;
}
.popularItem .showContainer>div{
    background-color: #fff;
}
/* 第一个div样式 */
.popularItem .showContainer>div:first-child{
    height: 570px;
    width: 390px;
    margin-left: 0;
}
.popularItem .showContainer>div:first-child .hd{
    height: 320px;
    margin-bottom: 48px;
    border-bottom: 1px solid #F4F0EA;
    padding: 40px 35px;
}
.popularItem .showContainer>div:first-child .bd h4{
    line-height: 26px;
    max-height: 52px;
    font-size: 18px;
    width: 248px;
    margin: 0 auto 13px;
    text-align: center;
}
.popularItem .showContainer>div:first-child .bd p{
    line-height: 13px;
    color: #d4282d;
    font-size: 18px;
    text-align: center;
}
/* 其余div */
.popularItem .showContainer>div{
    width: 223px;
    height: 280px;
    float: left;
    margin-left: 10px;
    position: relative;
    background-color: #fff;
}
.popularItem .showContainer div .hd{
    height: 180px;
    border-bottom: 1px solid #F4F0EA;
    position: relative;
}
.popularItem .showContainer div .hd img{
    display: block;
    margin: 0 auto;
    transition: all 2s ease 0s;
}
.popularItem .showContainer div .hd img:hover{
    transform: scale(1.1);
}
.popularItem .showContainer>div:nth-child(n+5):nth-child(-n+7){
    margin-top: 10px;
}
.popularItem .showContainer .bd h4{
    width: 140px;
}
.popularItem .showContainer .bd h4:hover{
    color: #C5A078;
}
.popularItem .showContainer .bd .beforePrice{
    font-size: 13px;
    color: #d4282d;   
}
.popularItem .showContainer .bd .afterPrice{
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    margin-left: 6px;
    position: relative;
    top: 1px;
}
/* 共同样式 */
.sameWrap .g-row{
    height: 790px;
}
.sameWrap .mHeader ul{
    position: absolute;
    top: 15px;
    right: 100px;
}
.sameWrap .mHeader ul li{
    float: left;
    font-size: 14px
}
.sameWrap .mHeader ul li b{
    margin: 0 13px;
}
.sameWrap .mHeader ul li a:hover{
    color: #C5A078;
}
.sameWrap .topGood{
    margin-bottom: 20px;
}
.sameWrap .bd h4{
    width: 170px;
}
/* 居家生活------------------------------------------------ */
.aliveLife{
    height: 790px;
    padding-top: 60px;
}
.aliveLifeCard>div:first-child .prouctImg{
    background:url('./images/life/life-2.png') center no-repeat;
}
.aliveLifeCard>div:first-child:hover .prouctImg{
    background: url('./images/life/activelife-2.png');
    background-size: cover;
} 
.aliveLifeCard>div:nth-child(2) .prouctImg{
    background:url('./images/life/life-3.png') center no-repeat;
}
.aliveLifeCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/life/activelife-3.png');
    background-size: cover;
} 
.aliveLifeCard>div:nth-child(3) .prouctImg{
    background:url('./images/life/life-4.png') center no-repeat;
}
.aliveLifeCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/life/activelife-4.png');
    background-size: cover;
} 
.aliveLifeCard>div:nth-child(4) .prouctImg{
    background:url('./images/life/life-5.png') center no-repeat;
}
.aliveLifeCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/life/activelife-5.png');
    background-size: cover;
} 
/*服饰鞋包-------------------------------------------------*/
.clothBag{
    height: 790px;
    padding-top: 10px;
}
.clothBagCard>div:first-child .prouctImg{
    background:url('./images/cloth/cloth-2.png') center no-repeat;
}
.clothBagCard>div:first-child:hover .prouctImg{
    background: url('./images/cloth/activecloth-2.png');
    background-size: cover;
} 
.clothBagCard>div:nth-child(2) .prouctImg{
    background:url('./images/cloth/cloth-3.png') center no-repeat;
}
.clothBagCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/cloth/activecloth-3.png');
    background-size: cover;
} 
.clothBagCard>div:nth-child(3) .prouctImg{
    background:url('./images/cloth/cloth-4.png') center no-repeat;
}
.clothBagCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/cloth/activecloth-4.png');
    background-size: cover;
} 
.clothBagCard>div:nth-child(4) .prouctImg{
    background:url('./images/cloth/cloth-5.png') center no-repeat;
}
.clothBagCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/cloth/activecloth-5.png');
    background-size: cover;
} 
/*美食酒水-----------------------------------------------------*/
.foodDrink{
    height: 790px;
    padding-top: 10px;
}
.foodDrinkCard>div:first-child .prouctImg{
    background:url('./images/food/food-1.png') center no-repeat;
}
.foodDrinkCard>div:first-child:hover .prouctImg{
    background: url('./images/food/activefood-1.png');
    background-size: cover;
} 
.foodDrinkCard>div:nth-child(2) .prouctImg{
    background:url('./images/food/food-2.png') center no-repeat;
}
.foodDrinkCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/food/activefood-2.png');
    background-size: cover;
} 
.foodDrinkCard>div:nth-child(3) .prouctImg{
    background:url('./images/food/food-3.png') center no-repeat;
}
.foodDrinkCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/food/activefood-3.png');
    background-size: cover;
} 
.foodDrinkCard>div:nth-child(4) .prouctImg{
    background:url('./images/food/food-4.png') center no-repeat;
}
.foodDrinkCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/food/activefood-4.png');
    background-size: cover;
} 
/*个护清洁*/
.personClean{
    height: 790px;
    padding-top: 10px;
}
.personCleanCard>div:first-child .prouctImg{
    background:url('./images/clean/clean-1.png') center no-repeat;
}
.personCleanCard>div:first-child:hover .prouctImg{
    background: url('./images/clean/activeclean-1.png');
    background-size: cover;
} 
.personCleanCard>div:nth-child(2) .prouctImg{
    background:url('./images/clean/clean-2.png') center no-repeat;
}
.personCleanCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/clean/activeclean-2.png');
    background-size: cover;
} 
.personCleanCard>div:nth-child(3) .prouctImg{
    background:url('./images/clean/clean-3.png') center no-repeat;
}
.personCleanCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/clean/activeclean-3.png');
    background-size: cover;
} 
.personCleanCard>div:nth-child(4) .prouctImg{
    background:url('./images/clean/clean-4.png') center no-repeat;
}
.personCleanCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/clean/activeclean-4.png');
    background-size: cover;
} 
/*母婴亲子------------------------------------------------------*/
.children{
    height: 790px;
    padding-top: 10px;
}
.childrenCard>div:first-child .prouctImg{
    background:url('./images/children/children-1.png') center no-repeat;
}
.childrenCard>div:first-child:hover .prouctImg{
    background: url('./images/children/activechildren-1.png');
    background-size: cover;
} 
.childrenCard>div:nth-child(2) .prouctImg{
    background:url('./images/children/children-2.png') center no-repeat;
}
.childrenCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/children/activechildren-2.png');
    background-size: cover;
} 
.childrenCard>div:nth-child(3) .prouctImg{
    background:url('./images/children/children-3.png') center no-repeat;
}
.childrenCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/children/activechildren-3.png');
    background-size: cover;
} 
.childrenCard>div:nth-child(4) .prouctImg{
    background:url('./images/children/children-4.png') center no-repeat;
}
.childrenCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/children/activechildren-4.png');
    background-size: cover;
} 
/*运动旅行---------------------------------------------------------*/
.sportTravel{
    height: 790px;
    padding-top: 10px;
}
.sportTravelCard>div:first-child .prouctImg{
    background:url('./images/travel/travel-1.png') center no-repeat;
}
.sportTravelCard>div:first-child:hover .prouctImg{
    background: url('./images/travel/activetravel-1.png');
    background-size: cover;
} 
.sportTravelCard>div:nth-child(2) .prouctImg{
    background:url('./images/travel/travel-2.png') center no-repeat;
}
.sportTravelCard>div:nth-child(2):hover .prouctImg{
    background: url('./images/travel/activetravel-2.png');
    background-size: cover;
} 
.sportTravelCard>div:nth-child(3) .prouctImg{
    background:url('./images/travel/travel-3.png') center no-repeat;
}
.sportTravelCard>div:nth-child(3):hover .prouctImg{
    background: url('./images/travel/activetravel-3.png');
    background-size: cover;
} 
.sportTravelCard>div:nth-child(4) .prouctImg{
    background:url('./images/travel/travel-4.png') center no-repeat;
}
.sportTravelCard>div:nth-child(4):hover .prouctImg{
    background: url('./images/travel/activetravel-4.png');
    background-size: cover;
} 
/*甄选家---------------------------------------------------------*/
.chooseHome{
    height: 438px;
    background-color: #fff;
    padding-bottom: 80px;
}
.chooseHome .mHeader .name{
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 20px;
}
.chooseHome .mHeader .span{
    float: left;
}
.chooseHome .left{
    float: left;
    width: 690px;
    height: 380px;
    cursor: pointer;
}
.chooseHome .right{
    float: right;
}
.chooseHome .right img{
    width: 390px;
    height: 185px;
    cursor: pointer;
}
.chooseHome .right div:first-child{
    margin-bottom: 5px;
}
/*大家都在说------------------------------------------------------*/
.allSay{
    background-color: #f4f0ea;
    padding: 60px;
    position: relative;
}
.allSay .g-row{
    height: 550px;
    overflow: hidden;
}
.allSay .lbtn{
    top: 40%;
    left: 150px;
}
.allSay .rbtn{
    top: 40%;
    right: 150px;
}
.allSay .mHeader .name{
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 20px;
}
.allSay .mHeader .span{
    float: left;
}
.allSay .mContent{
    position: relative;
    height: 492px;
    color: #999;
}
.allSay .mContent ul li>div{
    width: 355px;
    height: 492px;
    background-color: #fff;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}
.allSay .top{
    height: 355px;
}
.mContent ul{
    width: 3000px;
    animation: saySwiper 8s linear infinite;
}
@keyframes saySwiper{
    0%{transform: translateX(0px);}
    10%{transform: translateX(-365px);}
    20%{transform: translateX(-365px);}
    30%{transform: translateX(-730px);}
    40%{transform: translateX(-730px);}
    50%{transform: translateX(-1095px);}
    60%{transform: translateX(-1095px);}
    70%{transform: translateX(-1460px);}
    80%{transform: translateX(-1460px);}
    90%{transform: translateX(-1830px);}
    100%{transform: translateX(-1830px);}
}
.mContent ul li{
    float: left;
}
.allSay .mContent img{
    display: block;
    margin: 0 auto;
    transition: all 1s ease 0s;
}
.allSay .mContent img:hover{
    transform: scale(1.15);
}
.allSay .bottom{
    width: 315px;
    position: absolute;
    bottom: 0;
    margin: 0 5px;
    height: 180px;
    background-color: #fff;
    padding: 20px 15px;
    overflow: hidden;
}
.btTop>span:first-child{
    font-weight: 400;
    font-size: 14px;
}
.btTop>span:last-child{
    padding-left: 10px;
    font-size: 13px;
}
.btMiddle{
    margin-bottom: 19px;
}
.btMiddle>span:first-child{
    display: inline-block;
    max-width: 190px;
    font-size: 16px;
    height: 18px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.btMiddle>span:last-child{
    float: right;
    color: #b4a078;
}
.btBottom{
    font-style: 13px;
    color: #333;
    max-height: 102px;
    overflow: hidden;
}
/* 客户服务-------------------------------------------------------- */
.service{
    height: 204px;
    padding-top: 60px;
    padding-bottom: 34px;
}
.service .g-row{
    height: 204px;
    display: flex;
}
.service .g-row>div{
    flex: 1;
    text-align: center;
}
.service h4{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px;
    line-height: 1;
}
.message{
    display: inline-block;
}
.message div{
    float: left;
    width: 80px;
    height: 75px;
    padding-top: 25px;
    border: 1px solid #E8E8E8;
}
.message>div:last-child{
    margin-left: 29px;
}
.message>div i{
    display: inline-block;
    height: 26px;
    width: 31px;
    background: url('./images/bottom-icons.png');
}
.message>div:hover{
    color: #b4a078;
}
.message>div:first-child i{
    background-position: 0 -290px;
}
.message>div:first-child:hover i{
    background-position: 0 -254px;
}
.message>div:last-child i{
    background-position: 0 -97px;
}
.message>div:last-child:hover i{
    background-position: 0 -60px;
}
.service .message p{
    margin-top: 10px;
}
.service .g-row>div:nth-child(2){
    border-left: 1px solid #e9e9e9;
    padding: 0 37px;
}
.service .g-row>div:nth-child(2) p{
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 22px;
}
.service .g-row>div:nth-child(2)>span{
    font-size: 14px;
    float: left;
    margin-right: 15px;
    line-height: 32px;
}
.service .lianxi i{
    height: 32px;
    width: 32px;
    display: inline-block;
    background: url('./images/bottom-icons.png');
    margin-right: 15px;
    padding-bottom: 10px;
}
.service .lianxi>i:first-child{
    background-position: 0 -326px;
}
.service .lianxi>i:nth-child(2){
    background-position: 0 -428px;
}
.service .lianxi>i:nth-child(3){
    background-position: 0 -470px;
}
.service .g-row>div:nth-child(3)>p{
    color: #b4a078;
    font-size: 12px;
    margin-top: 3px;
}
/* 底部------------------------------------------------------------ */
.footer{
    height: 260px;
    padding-top: 37px;
    background-color: #414141;
}
.footer .g-row{
    height: 260px;
}
.footer .top{
    height: 50px;
    padding-left: 17px;
    margin-bottom: 30px;
}
.footer .top li{
    float: left;
}
.footer .top li:nth-child(2){
    margin: 0 122px;
}
.footer .top li:nth-child(3){
    margin-right:122px;
}
.footer .top li p{
    float: right;
    color: #fff;
    font-size: 18px;
    line-height: 51px;
}
.footer .top li i{
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 17px;
    background: url('./images/bottom-icons.png');
}
.footer .top li:first-child i{  
    background-position: 0 -134px;  
}
.footer .top li:nth-child(2) i{
    background-position: 0 -368px;
}
.footer .top li:nth-child(3) i{
    background-position: 0 0;
}
.footer .top li:nth-child(4) i{
    background-position: 0 -194px;
}
/* 水平线 */
.footer .hrLine{
    height: 1px;
    margin-bottom: 27px;
    background-color: #4f4f4f;
    border: 0;
}
.footer .bottom{
    text-align: center;
    color: #999;
    font-size: 12px;
    /* position: relative; */
}
.footer .bottom ul li a{
    color: #999;
}
.footer .bottom ul li a:hover{
    color: #fff;
}
.footer .bottom ul{
    display: inline-block;
}
.footer .bottom ul li{
    float: left;
}
.firstLine ul li b{
    margin: auto 15px;
}
.footer .bottom>div{
    padding-bottom: 11px;
}
.secondLine ul li{
    margin-right: 14px;
}
.secondLine ul li:nth-child(5){
    margin-right: 0;
}
.secondLine ul li:nth-child(6){
    margin-right: 0;
}
.thirdLine ul li{
    margin-right: 10px;
}
.fourthLine ul li{
    margin-right: 10px;
}
.fourthLine img{
    width: 23px;
    height: 25px;
    margin-top: -5px;
}